import './App.css';

import React, { Component } from 'react'

import Count from './components/Count';

import ReduxCount from './components/ReduxCount'

import ReduxCountOk from './components/ReduxCountOK';

import CountRedux from './containers/Count'

import store from './redux/store'

import { Provider } from 'react-redux'
export default class App extends Component {
  render() {
    return (
    <div className="App">
      <h1>纯React实现</h1>
      <Count/>
      <br></br><hr></hr>
      <h1>redux精简版</h1>
      <ReduxCount/>
      <br></br><hr></hr>
      <h1>redux完整版</h1>
      <ReduxCountOk/>
      <br></br><hr></hr>
      <h1>react-redux版</h1>
      <Provider store ={ store }>
        <CountRedux />
      </Provider>

      <br></br><br></br><br></br><br></br>
    </div>
    )
  }
};
